<template>
  <div>
    <!-- banner -->
    <div class="banner_about">
      <div>市场活动</div>
    </div>
    <!-- 内容 -->
    <div class="cont">
      <p>马尔代夫双人游</p>
      <img src="./images/maldives.jpg" alt="">
    </div>
  </div>
</template>

<style scoped>
.banner_about {
  height: 411px;
  width: 100%;
  background: url("../../../static/images/banner_min.jpg") no-repeat;
  overflow: hidden;
}
.banner_about div{
  padding-top:228px;
  width:1085px;
  margin:0 auto;
  font-size: 48px;
  color: #fff;
  box-sizing: border-box;
}
/*内容*/
.cont {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.cont img {
  width: 100%;
  height: 100%;
}
.cont p {
  text-align: center;
  color: #ffcc00;
  font-size: 32px;
  margin: 20px auto;
}
</style>
